.category-page {
  @apply w-screen h-screen;
  display: grid;
  grid-template:
    'categories content' auto
    'nav content' 30px/150px auto;

  .categories {
    @apply border-r bg-slate-100 text-xs text-slate-700 overflow-y-auto;
    grid-area: categories;
  }
  .nav {
    @apply border-t border-r bg-slate-100 flex justify-center items-center gap-2;
    grid-area: nav;
  }
  .content {
    grid-area: content;
  }
}
